<template>
  <div class="out">
    <span class="title">常规参数设置</span>
    <div class="ablock">
      <span
        style="
          color: gray;
          font-size: 12px;
          padding: 0px 10px 0;
          display: block;
          margin: 5px 0px;
        "
        >语音音量设置
      </span>
      <el-slider style="width: 350px" v-model="value" show-input></el-slider>
      <span
        style="
          color: gray;
          font-size: 12px;
          padding: 0px 10px 0;
          display: block;
          margin: 5px 0px;
        "
        >语音选择
      </span>
      <el-dropdown>
        <el-button plain>
          选择语音包<i class="el-icon-arrow-down el-icon--right"></i>
        </el-button>
        
      </el-dropdown>
    </div>
  </div>
</template>

<script>
export default {
  // 功能设置模块
  data() {
    return {
      value: 60,
    };
  },
};
</script>

<style>
.el-slider__bar {
  background-color: #2aa797;
}
.el-slider__button {
  border: 2px solid #2aa797;
}
</style>